<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>exam1</title>

<link rel="stylesheet"
	href="css/csslib/bootstrap/bootstrap-yeti.min.css">
<link rel="stylesheet"
	href="css/csslib/fontawesome/font-awesome.min.css">
<link rel="stylesheet" href="css/default.css">

<script src="js/jslib/jquery/jquery-1.11.1.min.js"></script>
<script src="js/jslib/handlebars/handlebars-v2.0.0.js"></script>
<script src="js/jslib/bootstrap/bootstrap.min.js"></script>

<script src="js/jsutility/system.js"></script>
<script src="js/jsutility/utility.js"></script>

<script src="js/action/exam.js"></script>

<style>
</style>

<script>
$(document).ready(function() {
	ajaxForExam3();
});
</script>
</head>
<body>
	<div class="row">
		<div class="col-lg-5 col-md-offset-4">
			<div class="bs-component">

				<div class="form-inline default">
					<div class="form-group">
						<label for="inputName">Name</label> <input type="text"
							class="form-control" id="sendName" placeholder="sendName">
					</div>
				</div>
				<div class="default">
					<a class="btn btn-primary" onclick="ajaxForExam3()">Exam3</a> <a
						class="btn btn-primary" onclick="ajaxForExam4()">Exam4</a> <a
						class="btn btn-primary" onclick="ajaxForExam5()">Exam5</a> <a
						class="btn btn-primary" onclick="ajaxForExam6()">Exam6</a> <a
						class="btn btn-primary" onclick="ajaxForRest()">Rest</a> <a
						class="btn btn-primary" onclick="ajaxForRest2()">Rest2</a>
				</div>

				<div class="alert alert-info" role="alert" id="ajaxInfo"></div>
			</div>
		</div>
	</div>


	<div class="row">
		<div class="col-lg-4 col-md-offset-4">
			<div class="bs-component">
				<div class="list-group">
					<span class="list-group-item">${message}</span> <span
						class="list-group-item">${message2}</span> <span
						class="list-group-item">${name}</span> <span
						class="list-group-item">${age}</span> <span
						class="list-group-item">${sex}</span>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-4 col-md-offset-4">

			<form class="form-horizontal" action="exam2" method="post">
				<fieldset>
					<legend>Form</legend>
					<div class="form-group">
						<label for="inputName" class="col-lg-2 control-label">name</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="inputName"
								name="name" placeholder="Name">
						</div>
					</div>
					<div class="form-group">
						<label for="inputAge" class="col-lg-2 control-label">age</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="inputAge" name="age"
								placeholder="Age">
						</div>
					</div>

					<div class="form-group">
						<label class="col-lg-2 control-label">Sex</label>
						<div class="col-lg-10">
							<div class="radio">
								<label> <input type="radio" id="optionsRadios1"
									value="Boy" name="sex"> Boy
								</label>
							</div>
							<div class="radio">
								<label> <input type="radio" id="optionsRadios2"
									value="Girl" name="sex"> Girl
								</label>
							</div>
						</div>
					</div>

					<div class="form-group">
						<div class="col-lg-10 col-lg-offset-2">
							<button class="btn btn-default" onclick="return cancel();">Cancel</button>
							<button type="submit" class="btn btn-primary">Submit</button>
						</div>
					</div>
				</fieldset>
			</form>

		</div>
	</div>



	<div class="row">
		<div class="col-lg-4 col-md-offset-4">

			<form class="form-horizontal">
				<fieldset>
					<legend>Form Rest</legend>
					<div class="form-group">
						<label for="inputName" class="col-lg-2 control-label">name</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="restName" name="name"
								placeholder="Name">
						</div>
					</div>
					<div class="form-group">
						<label for="inputAge" class="col-lg-2 control-label">age</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="restAge" name="age"
								placeholder="Age">
						</div>
					</div>

					<div class="form-group">
						<label class="col-lg-2 control-label">Sex</label>
						<div class="col-lg-10">
							<div class="radio">
								<label> <input type="radio" id="restRadios1" value="Boy"
									name="sex"> Boy
								</label>
							</div>
							<div class="radio">
								<label> <input type="radio" id="restRadios2"
									value="Girl" name="sex"> Girl
								</label>
							</div>
						</div>
					</div>

					<div class="form-group">
						<div class="col-lg-10 col-lg-offset-2">
							<button class="btn btn-default" onclick="return cancel();">Cancel</button>
							<button type="button" class="btn btn-primary"
								onclick="ajaxForRest3()">Submit</button>
						</div>
					</div>
				</fieldset>
			</form>


			<form action="upload" method="post" enctype="multipart/form-data"
				class="form-horizontal">
				<div class="form-group">
					<label for="exampleInputFile">File input</label> <input type="file"
						id="exampleInputFile">
					<p class="help-block">Example block-level help text here.</p>
				</div>
				<button type="button" class="btn btn-primary" type="submit">Submit</button>
			</form>
		</div>
	</div>






</body>
</html>




